<template>
  <div class="cart_info3_box">
    <div class="cart_info3_box_list1">
      <dv-border-box-10>
        <piechart2 />
      </dv-border-box-10>
      <dv-border-box-10>
        <List_box />
      </dv-border-box-10>
      <dv-border-box-10>
        <piechart3 />
      </dv-border-box-10>

    </div>
    <div class="cart_info3_box_list2">
      <dv-border-box-10>
        <linechart6 />
      </dv-border-box-10>
      <dv-border-box-10>
        <barchart2 />
      </dv-border-box-10>
    </div>
  </div>
</template>


  <script>

import linechart2 from "@/components/echart/Line/linechart2.vue";
import linechart6 from "@/components/echart/Line/linechart6.vue";
import barchart1 from "@/components/echart/Bar/barchart1.vue";
import barchart2 from "@/components/echart/Bar/barchart2.vue";
import piechart2 from "@/components/echart/Pie/piechart2.vue";
import piechart3 from "@/components/echart/Pie/piechart3.vue";
import List_box from "@/components/List/List1.vue";
export default {
  name: "cart_info3",
  components: {
    linechart2,
    linechart6,
    barchart1,
    barchart2,
    piechart2,
    piechart3,
    List_box,
  }
};
</script>

  <style lang="scss" scoped>
.cart_info3_box {
  width: 98%;
  margin: 0 auto;
  height: 87vh;
  // background-color: #554444;
  .cart_info3_box_list1 {
    padding: 10px;
    width: 100%;
    height: 42vh;
    // background-color: #554444;
    display: flex;
    flex-direction: row;
  }
  .cart_info3_box_list2 {
    width: 100%;
    padding: 10px;
    height: 44vh;
    // background-color: rgb(57, 62, 66);
    display: flex;
    flex-direction: row;
  }
}
</style>